<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
				#all{
					width: 100%;
				}
				#head{
					width: 1020px;
					height: 150px;
					margin: 0 auto;
				}
				#bottom{
					width: 1020px;
					height: 200px;
					margin: 0 auto;
				} 
				#iframe-head{
					width: 1000px;
					height: 150px;
				}
				#iframe-bottom{
					width: 1000px;
					height: 180px;
					position: relative;
					top: -150px;
				}
				#content{
					width: 1000px;
					height: 600px;
					margin: 0 auto;
				}
				h4{
					text-align: center;
				}
				#ctn-left{
					width: 400px;
					height: 600px;
					float: left;
				}
				#ctn-left ul{
					list-style: none;
					margin: 0;
					padding: 0;
				}
				#ctn-left ul li{
					width: 60px;
					height: 60px;
					float: left;
					margin-left: 10px;
				}
				#ctn-left img{
					margin-top: 20px;
				}
				.img1{
					margin-top: 20px;
					border: 1px solid black;
				}
				#img3{
					float: right;
					margin-right: 50px;
				}
				#ctn-right{
					width: 600px;
					height: 600px;
					float: right;
				}
				#ctn-right table tr td{
					width: 200px;
					height: 40px;
					border-bottom: 1px dashed;
				}
		</style>
	</head>
	<body>
		<div id="all">
			<div id="head">
				<iframe src="head.html" id="iframe-head" scrolling="no" frameborder="0"></iframe>
			</div>
			<div id="content">
				<h4>联想Y450A-TFO(NBA纪念版) 512独显超强性价比</h4>
				<hr />
				<div id="ctn-left">
					<img src="img/images/show1_big.jpg" />
					<ul>
						<li>
							<img class="img1" src="img/images/show1.jpg" />
						</li>
						<li>
							<img class="img1" src="img/images/show2.jpg" />
						</li>
						<li>
							<img class="img1" src="img/images/show3.jpg" />
						</li>
						<li>
							<img class="img1" src="img/images/show4.jpg" />
						</li>
						<li>
							<img class="img1" src="img/images/show5.jpg" />
						</li>
					</ul>	
					<img src="img/images/share.gif" />
					<img id="img3" src="img/images/favthis.gif" />
				</div>
				<div id="ctn-right">
					<table>
						<tr>
							<td colspan="2">一口价：&nbsp;&nbsp;&nbsp;&nbsp;80.00元</td>
						</tr>
						<tr>
							<td colspan="2">运费：&nbsp;&nbsp;&nbsp;&nbsp;免运费</td>
						</tr>
						<tr>
							<td colspan="2">
								<img src="img/images/buynow.gif" />
							</td>
						</tr>
						<tr>
							<td colspan="2">剩余时间：&nbsp;&nbsp;&nbsp;&nbsp;10天23小时</td>
						</tr>
						<tr>
							<td colspan="2">本期售出：&nbsp;&nbsp;&nbsp;&nbsp;2件</td>
						</tr>
						<tr>
							<td colspan="2">累计售出：&nbsp;&nbsp;&nbsp;&nbsp;8件</td>
						</tr>
						<tr>
							<td>商品类型：&nbsp;&nbsp;&nbsp;&nbsp;全新</td>
							<td>所在地：&nbsp;&nbsp;&nbsp;&nbsp;山西太原</td>
						</tr>
						<tr>
							<td>商品数量：&nbsp;&nbsp;&nbsp;&nbsp;1件</td>
							<td>浏览量：&nbsp;&nbsp;&nbsp;&nbsp;17次</td>
						</tr>
					</table>
				</div>
			</div>
			<div id="bottom">
				<iframe src="bottom.html" id="iframe-bottom" scrolling="no" frameborder="0"></iframe>
			</div> 
		</div>
	</body>
</html>
